<%@page import="com.ambow.entity.User"%>
<%@page import="com.ambow.utils.BaseDAO"%>
<%@page import="com.ambow.entity.Product"%>
<%@page import="java.util.*"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<title>Product</title>
<link href="<%=path%>/pages/css/bootstrap.css" rel="stylesheet"
	type="text/css" media="all" />
<script src="<%=path%>/pages/js/jquery.min.js"></script>
<link href="<%=path%>/pages/css/style.css" rel="stylesheet"
	type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords"
	content="I-wear Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript">
	 addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } 
</script>
<script type="text/javascript" src="<%=path%>/pages/js/move-top.js"></script>
<script type="text/javascript" src="<%=path%>/pages/js/easing.js"></script>
<link href='http://fonts.useso.com/css?family=Lato:100,300,400,700,900'
	rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Montez' rel='stylesheet'
	type='text/css'>
<script src="<%=path%>/pages/js/simpleCart.min.js">
	
</script>
<link href="<%=path%>/pages/css/memenu.css" rel="stylesheet"
	type="text/css" media="all" />
<script type="text/javascript" src="<%=path%>/pages/js/memenu.js"></script>
<script>
	$(document).ready(function() {
		$(".memenu").memenu();
	});
</script>
<script src="<%=path%>/pages/js/bootstrap.js"></script>

</head>
<body>
	<div class="header-info">
		<div class="container">
			<div class="header-top-in">

				<ul class="support">
					<li><a href="mailto:info@example.com"><i
							class="glyphicon glyphicon-envelope"> </i>info@example.com</a></li>
					<li><span><i class="glyphicon glyphicon-earphone"
							class="tele-in"> </i>0 462 261 61 61</span></li>
				</ul>
				<ul class=" support-right">
					<%
						User user = (User) session.getAttribute("login");
						if (user != null) {
					%>
					<li><a href="pages/user.jsp"> <i
							class="glyphicon glyphicon-lock" class="tele"> </i><%=user.getAccount()%></a></li>
					<%
						if (user.getDegree().equals("admin")) {
					%>
					<li><a href="pages/manager.jsp"> <i
							class="glyphicon glyphicon-lock" class="tele"> </i>MANAGER
					</a></li>
					<%
						}
					%>
					<li></li>
					<a href="UserServlet?status=exit"><img alt="#"
						src="<%=path%>/pages/images/exit.png"></a>
					<%
						} else {
					%>
					<li><a href="pages/account.jsp"> <i
							class="glyphicon glyphicon-lock" class="tele"> </i>LOGIN
					</a></li>
					<li><a href="pages/register.jsp"> <i
							class="glyphicon glyphicon-lock" class="tele"> </i>REGISTER
					</a></li>
					<%
						}
					%>
				</ul>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<div class="header header5">
		<div class="header-top">
			<div class="header-bottom">
				<div class="container">
					<div class="logo">
						<h1>
							<a href="<%=path%>/index.jsp">I-<span>wear</span></a>
						</h1>
					</div>
					<div class="top-nav">
						<ul class="memenu skyblue">
							<li class="active"><a href="<%=path%>/index.jsp">首页</a></li>
							<li class="grid"><a href="#">男性</a>
								<div class="mepanel">
									<div class="row">
										<div class="col1 me-one">
											<h4>品类</h4>
											<ul>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllT&type=太阳眼镜&kind=男性">太阳眼镜</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllT&type=时尚风镜&kind=男性">时尚风镜</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllT&type=经典护目镜&kind=男性">经典护目镜</a></li>
											</ul>
										</div>
										<div class="col1 me-one">
											<h4>款式</h4>
											<ul>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllL&label=复古&kind=男性">复古款</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllL&label=潮流&kind=男性">潮流款</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllL&label=经典&kind=男性">经典款</a></li>

											</ul>
										</div>
										<div class="col1 me-one">
											<h4>流行品牌</h4>
											<ul>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllB&brand=Levis&kind=男性">Levis</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllB&brand=Persol&kind=男性">Persol</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllB&brand=Nike&kind=男性">Nike</a></li>

											</ul>
										</div>
									</div>
								</div></li>
							<li class="grid"><a href="#">女性</a>
								<div class="mepanel">
									<div class="row">
										<div class="col1 me-one">
											<h4>品类</h4>
											<ul>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllT&type=太阳眼镜&kind=女性">太阳眼镜</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllT&type=时尚风镜&kind=女性">时尚风镜</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllT&type=经典护目镜&kind=女性">经典护目镜</a></li>

											</ul>
										</div>
										<div class="col1 me-one">
											<h4>款式</h4>
											<ul>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllL&label=复古&kind=女性">复古款</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllL&label=潮流&kind=女性">潮流款</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllL&label=经典&kind=女性">经典款</a></li>

											</ul>
										</div>
										<div class="col1 me-one">
											<h4>流行品牌</h4>
											<ul>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllB&brand=Levis&kind=女性">Levis</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllB&brand=Persol&kind=女性">Persol</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllB&brand=Nike&kind=女性">Nike</a></li>

											</ul>
										</div>
									</div>
								</div></li>
							<li class="grid"><a href="#">儿童</a>
								<div class="mepanel">
									<div class="row">
										<div class="col1 me-one">
											<h4>品类</h4>
											<ul>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllT&type=太阳眼镜&kind=儿童">太阳眼镜</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllT&type=时尚风镜&kind=儿童">时尚风镜</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllT&type=经典护目镜&kind=儿童">经典护目镜</a></li>

											</ul>
										</div>
										<div class="col1 me-one">
											<h4>款式</h4>
											<ul>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllL&label=复古&kind=儿童">复古款</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllL&label=潮流&kind=儿童">潮流款</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllL&label=经典&kind=儿童">经典款</a></li>

											</ul>
										</div>
										<div class="col1 me-one">
											<h4>流行品牌</h4>
											<ul>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllB&brand=Levis&kind=儿童">Levis</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllB&brand=Persol&kind=儿童">Persol</a></li>
												<li><a
													href="<%=path%>/ProductServlet?status=queryAllB&brand=Nike&kind=儿童">Nike</a></li>

											</ul>
										</div>
									</div>
								</div></li>
							<li class="grid"><a href="<%=path%>/Main">在线客服</a></li>
							<li class="grid"><a
								href="<%=path%>/NewsServlet?status=query&currentPage=0">关于我们</a>

							</li>
							<li class="grid"><a
								href="<%=path%>/LeaveMessageServlet?status=all&currentPage=0">留言板</a></li>
						</ul>
						<div class="clearfix"></div>
						<!---->

						<div class="clearfix"></div>
						<!---->
					</div>

				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!---->
	<!---->
	<div class="back">
		<h2>SHOP</h2>
	</div>
	<!---->
	<div class="product">
		<div class="container">
			<div class="col-md-3 product-price">
				<script type="text/javascript"
					src="<%=path%>/pages/js/jquery-ui.min.js"></script>

				<link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
				<div class=" rsidebar span_1_of_left">
					<div class="of-left">
						<h3 class="cate">类别</h3>
					</div>


					<a href="<%=path%>/ProductServlet?status=queryAllL&label=1&kind=2">男款aaaa</a>

					<ul class="menu">
						<li class="item1"><a
							href="<%=path%>/ProductServlet?status=queryAllL&label=复古&kind=男性">男款aa
						</a></li>
						<li class="item2"><a
							href="<%=path%>/ProductServlet?status=queryAllL&label=复古&kind=女性">女款aa
						</a></li>
						<li class="item3"><a
							href="<%=path%>/ProductServlet?status=queryAllL&label=复古&kind=儿童">儿童aa</a>
						</li>
					</ul>
				</div>
				<!--initiate accordion-->
				<script type="text/javascript">
					$(function() {
						var menu_ul = $('.menu > li > ul'), menu_a = $('.menu > li > a');
						menu_ul.hide();
						menu_a.click(function(e) {
							e.preventDefault();
							if (!$(this).hasClass('active')) {
								menu_a.removeClass('active');
								menu_ul.filter(':visible').slideUp('normal');
								$(this).addClass('active').next().stop(true,
										true).slideDown('normal');
							} else {
								$(this).removeClass('active');
								$(this).next().stop(true, true).slideUp(
										'normal');
							}
						});

					});
				</script>
				<!---->
				<div class="product-middle"></div>
				<div class="sellers">
					<div class="of-left-in">
						<h3 class="tag">标签</h3>
					</div>
					<div class="tags">
						<ul>
							<li><a href="#">设计</a></li>
							<li><a href="#">时尚</a></li>
							<li><a href="#">lorem</a></li>
							<li><a href="#">修饰</a></li>
							<li><a href="#">鞋子</a></li>
							<li><a href="#">装扮</a></li>
							<li><a href="#">金属</a></li>
							<li><a href="#">流行</a></li>
							<li><a href="#">品牌</a></li>
							<li><a href="#">轻奢</a></li>
							<li><a href="#">方便</a></li>
							<li><a href="#">舒适</a></li>

							<div class="clearfix"></div>
						</ul>

					</div>

				</div>
				<!---->
				<div class="product-bottom">
					<div class="of-left-in">
						<h3 class="best">热销产品</h3>
					</div>
					<div class="product-go">
						<div class=" fashion-grid">
							<a href="<%=path%>/ProductServlet?status=queryOne&id=16"> <img
								class="img-responsive " src="pages/images/16.jpg" alt=""></a>
						</div>
						<div class=" fashion-grid1">
							<h6 class="best2">
								<a href="<%=path%>/ProductServlet?status=queryOne&id=37">Lorem
									ipsum 明星同款 </a>
							</h6>
							<span class=" price-in1"> $432.00</span>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="product-go">
						<div class=" fashion-grid">
							<a href="<%=path%>/ProductServlet?status=queryOne&id=22"><img
								class="img-responsive " src="pages/images/1.jpg" alt=""></a>

						</div>
						<div class="fashion-grid1">
							<h6 class="best2">
								<a href="<%=path%>/ProductServlet?status=queryOne&id=22">Lorem
									ipsum 当季新品 </a>
							</h6>

							<span class=" price-in1"> $345.00</span>
						</div>

						<div class="clearfix"></div>
					</div>
					<div class="product-go">
						<div class=" fashion-grid">
							<a href="<%=path%>/ProductServlet?status=queryOne&id=60"> <img
								class="img-responsive " src="pages/images/e18.jpg" alt=""></a>

						</div>
						<div class=" fashion-grid1">
							<h6 class="best2">
								<a href="<%=path%>/ProductServlet?status=queryOne&id=60">Lorem
									ipsum 经典永不过时 </a>
							</h6>
							<ul class="star-footer">
								<li><a href="#"><i> </i></a></li>
								<li><a href="#"><i> </i></a></li>
								<li><a href="#"><i> </i></a></li>
								<li><a href="#"><i> </i></a></li>
								<li><a href="#"><i> </i></a></li>
							</ul>
							<span class=" price-in1">$432.00</span>
						</div>

						<div class="clearfix"></div>
					</div>
				</div>
				<div class=" per1">
					<a href="<%=path%>/ProductServlet?status=queryOne&id=18"> <img
						class="img-responsive" src="pages/images/a18.jpg" alt="">
						<div class="six1">
							<h4>折扣</h4>
							<p>惊爆</p>
							<span>60%</span>
						</div></a>
				</div>
			</div>
			<!---->
			<div class="col-md-9 product-price1">
				<div class="mens-toolbar">
					<p class="showing">显示结果</p>
					<div class="clearfix"></div>
				</div>
				<div class="product-right-top">
					<div class="top-product">
						<%
							List<Product> list = (List) request.getAttribute("list");
							for (int i = 0; i < list.size(); i++) {
						%>
						<!-- gggggggggg -->
						<div class="col-md-4 chain-grid  simpleCart_shelfItem">
							<div class="grid-span-1">
								<a
									href="ProductServlet?status=queryOne&id=<%=list.get(i).getId()%>"><img
									class="img-responsive "
									src="<%=path%>/static/images/<%=list.get(i).getPhoto()%>"
									alt=" ">
									<div class="link">
										<ul>
											<li><i class="glyphicon glyphicon-search"> </i></li>
										</ul>
									</div> </a>
							</div>
							<div class="grid-chain-bottom ">
								<a href="pages/single.jsp"><%=list.get(i).getType()%></a>
								<div class="star-price">
									<div class="price-at">
										<ul class="star-footer">
											<li><a href="#"><i> </i></a></li>
											<li><a href="#"><i> </i></a></li>
											<li><a href="#"><i> </i></a></li>
											<li><a href="#"><i> </i></a></li>
											<li><a href="#"><i> </i></a></li>
										</ul>
									</div>
									<div class="price-at-bottom ">
										<span class="item_price"><%=list.get(i).getPrice()%></span>
									</div>
									<div class="clearfix"></div>
								</div>
								
							</div>

						</div>
						<!-- hhhhhhhhhhhhh -->
						<%
							}
						%>
					</div>
				</div>



				<!-- 分页  -->


			</div>
			<div class="clearfix"></div>
			<div class="shipping">
				<div class="col-md-3 col-md1">
					<div class=" phone">

						<div class="num">
							<span>8(802)234-5678</span>
							<p>周一至周六：太平洋标准时间上午8点至下午5点</p>
						</div>
						<i class="phone-in"> </i>
						<div class="clearfix"></div>
					</div>

				</div>
			</div>

		</div>

		<!---->

	</div>
	<div class="bottom-grid1">

		<div class="fit1">
			<h3>HAPPY SHOPPING</h3>
			<p>“I LIKE MY STYLE, BE REAL,BE UNIQUE.”</p>
		</div>
	</div>

	<!---->

	<script src="js/simpleCart.min.js">
		
	</script>
	<!---->



	<!---->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
			var defaults = {
			containerID: 'toTop', // fading element id
			containerHoverID: 'toTopHover', // fading element hover id
			scrollSpeed: 1200,
			easingType: 'linear' 
			};
			 */
			$().UItoTop({
				easingType : 'easeOutQuart'
			});
		});
	</script>
	<a href="#to-top" id="toTop" style="display: block;"> <span
		id="toTopHover" style="opacity: 1;"> </span></a>
	<!---->
	<!---->
</body>
</html>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
